@import './skin/pureBlue.scss';
@import './skin/emerald.scss';
@import './skin/steelBlue.scss';
$themes: (
  blueTheme: $blue,
  emeraldTheme: $emerald,
  steelBlueTheme: $steelBlue
);
@mixin text-color-main() {
  @each $themename, $theme in $themes {
    [data-theme='#{$themename}'] & {
      color: map-get($theme, 'text-color-main');
    }
  }
}
@mixin background-color-main() {
  @each $themename, $theme in $themes {
    [data-theme='#{$themename}'] & {
      background-color: map-get($theme, 'background-color-main');
    }
  }
}
@mixin background-color-danger() {
  @each $themename, $theme in $themes {
    [data-theme='#{$themename}'] & {
      background-color: map-get($theme, 'background-color-danger');
    }
  }
}
@mixin background-color-active() {
  @each $themename, $theme in $themes {
    [data-theme='#{$themename}'] & {
      background-color: map-get($theme, 'background-color-active');
    }
  }
}
@mixin background-color-normal() {
  @each $themename, $theme in $themes {
    [data-theme='#{$themename}'] & {
      background-color: map-get($theme, 'background-color-normal');
    }
  }
}
@mixin background-color-notice() {
  @each $themename, $theme in $themes {
    [data-theme='#{$themename}'] & {
      background-color: map-get($theme, 'background-color-notice');
    }
  }
}

@mixin background-color-success(){
  @each $themename, $theme in $themes {
    [data-theme='#{$themename}'] & {
      background-color: map-get($theme, 'background-color-success');
    }
  }
}
@mixin text-color-normal-reverse() {
  @each $themename, $theme in $themes {
    [data-theme='#{$themename}'] & {
      color: map-get($theme, 'text-color-normal-reverse');
    }
  }
}
@mixin text-color-normal() {
  @each $themename, $theme in $themes {
    [data-theme='#{$themename}'] & {
      color: map-get($theme, 'text-color-normal');
    }
  }
}
@mixin text-color-danger(){
  @each $themename, $theme in $themes {
    [data-theme='#{$themename}'] & {
      color: map-get($theme, 'text-color-danger');
    }
  }
}

@mixin text-color-warning(){
  @each $themename, $theme in $themes {
    [data-theme='#{$themename}'] & {
      color: map-get($theme, 'text-color-warning');
    }
  }
}

@mixin text-color-info(){
  @each $themename, $theme in $themes {
    [data-theme='#{$themename}'] & {
      color: map-get($theme, 'text-color-info');
    }
  }
}
@mixin box-trangle-shadow-color() {
  @each $themename, $theme in $themes {
    [data-theme='#{$themename}'] & {
  box-shadow: 0px -2px 2px 0px map-get($theme, 'box-shadow-color');
    }
  }
}
@mixin box-normal-shadow-color() {
  @each $themename, $theme in $themes {
    [data-theme='#{$themename}'] & {
  box-shadow: 0px 2px 3px 2px map-get($theme, 'box-shadow-color');
    }
  }
}
@mixin trangle-border-color() {
  @each $themename, $theme in $themes {
    [data-theme='#{$themename}'] & {
      border-top-color: map-get($theme, 'border-color-inherit-background-normal');
      border-right-color: map-get($theme, 'border-color-inherit-background-normal');
      border-left-color: transparent;
      border-bottom-color: transparent;
    }
  }
}
@mixin border-color-normal() {
  @each $themename, $theme in $themes {
    [data-theme='#{$themename}'] & {
      border-color: map-get($theme, 'border-color-normal');
    }
  }
}
@mixin border-color-main() {
  @each $themename, $theme in $themes {
    [data-theme='#{$themename}'] & {
      border-color: map-get($theme, 'border-color-main');
    }
  }
}
@import './main.scss';
